import React, {Component} from 'react';
import Info from './lib/Info';
import M19_1 from './lib/M19_1.mp4';
import M19_2 from './lib/M19_2.mp4';
import Circle from './lib/Circle';
require('./css/frame.css');

export default class P18 extends Component {

  render() {
    return (
      <div id="page">
        <div className="content" id="box18">
          <h4 className="title">舒适系统-电动尾门</h4>
          <div className='infodiv'>激活电动尾门的Easy Open 和 Easy Close功能，为生活增添更多便利。</div>


          <img src={require('./img/18.jpg')} style={{position:'absolute',top: 40,left:720}}/>

          <img src={require('./img/18_0.jpg')} style={{position:'absolute',top: 150,left:20}}/>


         {/* <div id="box18vd">
            <video src={M19_1} controls width='400'></video>
            <video src={M19_2} controls width='400'></video>
          </div>*/}

          <Circle style={{left: '768', top: '210',textAlign:'center'}} data='直接关闭'/>
          <Circle style={{left: '808', top: '210',textAlign:'center'}} data='延时关闭'/>
          <Info style={{left: 750, top: 560}}
                data='1.	激活后，按键中的 LED 以 1 Hz 的频率闪烁。<br>
                      2.	激活后的最长时间：20 秒。<br>
                      3.	按键闪烁后若三秒没有在车辆后部找到合法钥匙，功能取消。<br>
                      4.	功能激活后，20秒内未离开（钥匙离开车辆后部）功能取消。<br>
                      5.	若在后尾门关闭过程中返回（钥匙再次被识别）则后尾门再次打开，功能取消。
                      '/>

        </div>
      </div>
    );
  }
}


